
body
{
	background-color: #ffffff;
	font-family: "Trebuchet MS", Tahoma;
}

div#header
{
	background-image: url("../images/NiftyDotNet.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 120px;
	border-bottom: solid 1px #000040;
}

div#header h1
{
	margin: 0px 0px 0px 180px;
	font-size: 2em;
}
div#header p
{
	margin: 0px 0px 0px 180px;
	font-size: 1.5em;
	font-weight: bold;
}

div.example
{
	margin-left: 3em;
	background-color: #ffffe0;
}

div#howtodo
{
	clear: both;
	text-align: left;
	background-color: #ffffe0;	
	padding: 1em 0.5em 0.5em 0.5em;
	margin-top: 1em;
}

div#container 
{
	padding: 30px 0 0;background:#FFFFFF;
    font: 100.01%/1.3 Verdana,Arial,sans-serif;
    text-align:center;
}

div#footer
{
	margin-top: 1em;
	text-align: center;
	background-color: #fefefe;
}


a#back
{
	text-align: center;
}

/* DEMO 1 */

div#box1
{
	width: 18em;
	padding: 20px;
	margin:0 auto;
    background:#E6E6E6;color: #000000;
}
div#box1 h1
{
	font: lighter 200% "Trebuchet MS", Tahoma;
	color: #208BE1;
}
div#box1 h1, div#box1 p
{
	margin:0;padding:10px 20px;
}

/* EXAMPLE 2 */

div#container2{width:500px; height: 18em; margin: 0 auto;padding:10px 0;text-align:left}
div#content2{float:left;width:300px;padding:10px 10px 10px 10px;background: #BAFB80}
div#nav2{float:right;width:145px;padding:10px 10px 10px 10px;background:#DBCAEE }

/* EXAMPLE 3 */

div#container3 { margin-top: 1em; }
div#box3{width: 25em;padding: 30px 10px 10px 10px;margin:0 auto;
    text-align:left;background: #9CC0FF url("../images/gradient.png") repeat-x 0 -5px}

/* EXAMPLE 4 */
div#menu4 {background:#BBD9EE none repeat scroll 0%;float:left;padding-top:120px;width:100%;
}
ul#nav4, ul#nav4 li {list-style-type:none;margin:0pt;padding:0pt;}
ul#nav4 {margin-left:100px;width:650px;}
ul#nav4 li {float:left;margin-right:3px;text-align:center;}
ul#nav4 a {background:#E7F1F8 none repeat scroll 0%;color:#666666;float:left;padding:5px 0pt;text-decoration:none;width:7em;}
ul#nav4 a:hover {background:#FFA826 none repeat scroll 0%;color:#FFFFFF;}
ul#nav4 li.activelink a, ul#nav4 li.activelink a:hover {background:#FFFFFF none repeat scroll 0%;color:#000033;}

/* EXAMPLE 5 */
div#container5 { margin-top: 1em; margin-bottom: 1em; height: 2em; }
ul.postnav5,ul.postnav5 li{margin:0;padding:0;list-style-type:none}
ul.postnav5 li{float:left;width: 9em;font-size:140%;margin-right: 5px}
ul.postnav5 a{display:block;width:9em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
    text-transform:uppercase;background: #C7FF5A;color: #666;
    text-decoration:none;text-align:center}
ul.postnav5 a:hover{background: #A8E52F;color:#FFF}

/* EXAMPLE 6 */

div#container6 { height: 320px; }
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 474px;margin:10px auto 0;text-align:left}
ul#about li{float:left;width: 120px; height:100px;
    padding: 30px 10px 20px 20px;margin:8px 8px 0 0}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}

/* EXAMPLE 7 */

div#container7{width:500px; height: 18em; margin: 0 auto;padding:10px 10px 10px 10px;text-align:left}
div#content7{float:left;width:300px;padding:10px 10px 10px 10px;background: #FFBD00}
div#nav7{float:right;width:145px;padding:10px 10px 10px 10px;background:#42B4AC }

div#container7 h1, div#container7 h2{margin: 0;padding: 0 10px;letter-spacing: -1px;font-weight:100;color: white;}
div#container7 h1{font-size: 200%}
div#container7 h2{font-size: 140%}
div#container7 p{margin:0;padding: 0 10px 1em}

/* EXAMPLE 8 */
div#container8 { margin-top: 1em; height: 15em; margin-bottom: 1em; color:#333;
    font: 76% tahoma,sans-serif}
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:150px;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 10px 0 10px;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
ul#split div{background:#C5E6F6}
li#one h3{background: #C8C866}
li#two h3{background: #FFBD00}
li#three h3{background: #E3A1C4}


/* EXAMPLE 9 */
div#container9 { padding: 20px;background: #707883;color: #222;text-align: center;
    font: 85% "Trebuchet MS",Arial,sans-serif}
div#tablecontainer9{width:450px !important; width /**/:460px;
    margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header9{background: #BFDDED;padding: 10px;text-align:center}
div#content9{float:left;width:300px;padding:10px 0;margin:5px 0;background: #778CCA}
div#nav9{float:right;width:145px;padding:10px 0;margin:5px 0;background: #FFD154}
div#nav9 h2{font-size: 120%;color: #9E4A24}
div#footer9{clear:both;width:450px;background: #C4E786;padding:5px 0;text-align:center}

div#container9 h1, div#container9 h2, div#container9 p{margin: 0;padding: 0 10px;font-weight:normal}
div#container9 p{padding: 0 10px 15px}
div#container9 h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
div#container9 h2{font-size: 200%;line-height:1;color:#002455 }
